<!DOCTYPE html>
<html>
<head>
<#assign countryCode = countryCode ! 'US'>
<#if countryCode == "CN">
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<#else>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</#if>
<title>Wondershare player links</title>

<#assign sysId = sysId ! 'Android'>
<#if sysId == 'Android'>
	<link href="${cssRoot}/m_global.css" rel="stylesheet" type="text/css" />
<#else>
	<link href="${cssRoot}/m_global2.css" rel="stylesheet" type="text/css" />
</#if>
<script type="text/javascript">  
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount', 'UA-31046912-1']);
	_gaq.push(['_trackPageview']);
	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})(); 
</script>
</head>
<body>
	<a name="top"></a>
	<input type="hidden" id="sysId" value="${sysId ! ''}" />
	<input type="hidden" id="countryCode" value="${countryCode ! ''}" />	
	<#if countryCode == 'CN'>
		<#assign defaultInput = '搜索视频或输入网址'>
	<#else>
		<#assign defaultInput = 'Search or Type in URL'>
	</#if>	
	<div id="searchBox">
		<div class="input_box">
			<input type="text" id="keyword" class="input_txt" style="-webkit-tap-highlight-color:rgba(0,0,0,0);" value="${defaultInput}" />
			<div class="btn_c" id="cancle_x" style="display:none">X</div>
			<div class="btn_p" id="btn_p" style="display:none"></div>
		</div>
		<input id="btn_go" class="input_btn" type="button" value="GO" />
	</div>
	<ul id="select_menu">	
	<#if items??>
		<#assign categories = items.categories>
		<#assign cateLinks = items.cateWebsiteLinks>
	</#if>
	<#if categories??>
		<#list categories as cc>
			<#if cc_index == 0>
				<li><a href="#${cc}" class="curr">${cc}</a></li>
			<#else>
				<li><a href="#${cc}">${cc}</a></li>
			</#if>			
		</#list>
	</#if>
	</ul>	
	<#if cateLinks??>
		<ol id="img_list">
		<#list cateLinks as cc>
			<li>
				<a name="${cc.category}"></a>
				<h3>${cc.category}</h3>
				<dl>
				<#list cc.links as link>
					<dd><a target="_blank" href="${link.link}" onclick="_gaq.push(['_trackEvent', 'website', 'recommend', '${link.siteName}']);">
					<#if sysId == 'Android'>
					<img src="${link.thumbnail}" width="70" height="38" border="0">
					<#else>
					<img src="${link.thumbnail}" width="180" height="90" border="0">
					</#if>					
					</a></dd>					
				</#list> 
				</dl>
		</#list>
		</ol>
	</#if>	
</body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="${jsRoot}/m/links.js" type="text/javascript"></script>	
</html>